/**
 * 页面重置样式表, 重置一些控件的默认样式
 * @author: haoran.shu
 * @date: 2017/8/3
 */
html {
  font-size: 62.5%;
}
body {
  margin: 0;
  font-size: 1.4em;
  line-height: 1.4;
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
html, body {
  height: 100%;
}
div, input, header, footer {
  box-sizing: border-box;
}

p {
  font-size: 1.4rem;
  line-height: 1.5em;
  margin: 0;
}

h1, h3, h4 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.5;
  color: inherit;
  margin: 0;
}

h1 {
  font-size: 2rem;
}

h3 {
  font-size: 1.4rem;
  line-height: 1.5em;
}
h4 {
  font-size: 1.5rem;
  line-height: 1.6em;
}

a {
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
}

pre {
  padding: 10px;
  background-color: #eef9ff;
  border: 1px solid #99d9ff;
  color: #11a611;
  font-size: 13px;
  line-height: 1.5;
}
/**
 * 所有页面通用的样式表
 * @author: haoran.shu
 * @date: 2017/8/24
 */
/* 三行布局 */
/* 按钮模块 */
body {
  background-color: #f5f5f5;
}
/* ---------------------
   上中下三行布局: start
-----------------------*/
/* 头部样式 */
header {
  width: 100%;
  height: 80px;
  background-color: white;
  font-size: 1.4rem;
}
header .header-wrapper {
  width: 1200px;
  height: 100%;
  margin: auto;
  display: table;
}
header .column {
  display: table-cell;
  vertical-align: middle;
}
header .column-right {
  text-align: right;
}
header .title-group {
  display: inline-block;
  margin-left: 5px;
  border-left: 1px solid #999999;
  padding-left: 10px;
  color: #999999;
  font-size: 2.6rem;
  vertical-align: middle;
}
header .logo {
  vertical-align: middle;
}
header a {
  margin-right: 30px;
  padding-bottom: 12px;
  color: #333333;
}
header a:last-child {
  margin-right: 0;
  margin-left: 20px;
}
header .active-tab {
  border-bottom: 2px solid #328bf4;
}
header .btn {
  height: 30px;
  padding: 0 15px;
}
/* 中间内容部分 */
.container {
  width: 1200px;
  margin: auto;
  min-height: calc(100% - 80px - 180px);
}

.container {
  overflow: hidden;
  /* 简单的清楚浮动 */
  padding: 10px 0;
}
.container .nav {
  float: left;
  width: 280px;
  list-style: none;
  color: #333333;
}
.container .nav .nav-item {
  color: #333333;
}
.container .nav .nav-item:hover {
  color: #5c89d6;
}
.container .nav .active {
  background-color: #ececec;
}
.container .nav .active .nav-item {
  color: #5c89d6;
}
.container .nav .list-h1 {
  padding: 8px 5px;
  font-weight: bold;
}
.container .content {
  margin-left: 300px;
  width: 900px;
  background-color: white;
  color: #666666;
}
.container .content h1 {
  font-size: 2em;
  line-height: 2;
}
.container .content p {
  font-size: 1.6rem;
  line-height: 2;
}

/* ---------------------
   模块: start
-----------------------*/
/* button */
.btn {
  outline: none;
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
  text-align: center;
}
.btn-default {
  background-color: white;
  border: 1px solid #9a9a9a;
  color: #9a9a9a;
}
.btn-default:active {
  border-color: #4998f4;
  color: black;
}
.btn-primary {
  background-color: #4998f4;
  color: white;
}
.btn-primary:active {
  background-color: #318af3;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-radius {
  border-radius: 4px;
}
